<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
			
		<title>窗口的使用</title>
		<!-- 导入 jquery 核心类库 -->
	<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
	<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js" ></script>
	<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js" ></script>
	<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
	<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
	
	<script>
		$(function(){
			
			$("#in1").click(function(){
				$("#mywindow").window('open')
			})
			
			
		})
		
		
	</script>
	
	<body > 
	username:	<input type="text" name="username">
		<input type="button" value="open" id="in1">
		<div id="mywindow" class="easyui-window" style="width: 600px; height: 500px;"
			 data-options="title:'添加派件'" collapsible=false modal=true
			 minimizable=false closed=true
			 >
			<form>
				<table border="1px" >
					<tr>
						<td> 
							<input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email'" /> 
						
						</td>
						
					</tr>
					<tr>
						<td> 
							<input id="pwd" name="pwd" type="password" class="easyui-validatebox" data-options="required:true" /> 

						
						</td>
						
					</tr>
					<tr>
						<td> 
							<input id="dd" type="text" class="easyui-datebox" required="required"></input> 


						
						</td>
						
					</tr>
					
					<tr>
						<td> 
							<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2"></input>

							<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:0"></input>


						
						</td>
						
					</tr>
					
				</table>
				
				
				
			</form>
		
		
		
		</div>

	</body> 

 


</html>
